<template>
  <div class="official-account">
    <h5>{{ officialAccount.name }}</h5>
    <img class="QRcodeUrl" :src="officialAccount.QRcodeUrl" alt="二维码" />
  </div>
</template>
<script setup lang="ts">
import { officialAccount } from "./constants";
</script>
<style scoped lang="scss">
@font-face {
  font-family: "CustomFont";
  src: url("../../assets/ttf/DINCondensed-Bold.ttf") format("woff2");
  /* 其他字体属性（例如 font-weight，font-style）可以在此添加 */
}
.official-account {
  width: 28%;
  display: flex;
  flex-direction: column;
  align-items: center;
  h5 {
    font-size: 16px;
    margin-bottom: 18px;
    /* font-family: "CustomFont", sans-serif !important; */
  }
  .QRcodeUrl {
    height: 118px;
    width: 118px;
  }
}
</style>
